<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		
	</style>
	<script src="../../../../dist/vue/dist/vue.min.js"></script>
	<body>
		<div id="dv" >
			<!--不去空格：<textarea v-model="msg" name="" rows="10" cols="30"></textarea>
			
			
			<p style="border: 1px solid red;height: 40px;"> {{msg}}</p> <br /><br />-->
		去空格	<textarea v-model.trim="msg1" name="" rows="10" cols="30"></textarea>
			
			
			<p style="border: 1px solid red;height: 40px;"> {{msg1}}</p> <br /><br />
		</div>
	</body>
	<script>
		var vm=new Vue({
			el:'#dv',
			data:{

                msg1:''
				
			}
		})
    
//        trim用于自动的去除用户输入的前后两端空格
          
     
	</script>
	   
	   
</html>
